<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!doctype html>
<html lang="en" class="no-js">

<head>
    <meta charset="UTF-8">
    <title>新闻资讯</title>
    <link rel="stylesheet" href="layui/css/layui.css">
    <link rel="stylesheet" href="css/newslist.css">
    <link rel="stylesheet" href="css/swiper.min.css">
    <style>
        body {
            font-family: "microsoft yahei";
        }
    </style>

</head>

<body>
    <!-- 导入顶部导航---start -->
    <%@ include file="head.jsp" %>
    <!-- 导入顶部导航---end -->

    <div class="layui-container">

        <div class="swiper-container">

            <div class="swiper-wrapper">
                
               <c:forEach items="${newslist }" var="obj" begin="0" end="2">
                <div class="swiper-slide">
                    <div class="parallax-bg" style="background-image:url(../upload1/${obj.photopath})" data-swiper-parallax="-23%">
                    </div>
                    <div class="title" data-swiper-parallax="-300">${obj.newstime}</div>
                    <div class="subtitle" data-swiper-parallax="-200">${obj.newstitle}</div>
                    <div class="text" data-swiper-parallax="-100">
                        <p>${obj.newscontant}
                        </p>
                    </div>
                </div>
            
            </c:forEach>
            
            </div>

            <div class="swiper-pagination swiper-pagination-white"></div>
            <!-- Add Navigation -->
            <div class="swiper-button-prev swiper-button-white"></div>
            <div class="swiper-button-next swiper-button-white"></div>
        </div>

        <div class="layui-row2 layui-col-space30">
            <div class="layui-col-md3 layui-col-lg3 layui-col-sm3 layui-col-sm3">
                <div class="content-wrapper">
                    <div class="tuijianbox layui-card">
                        <div class="tuijian_head layui-card-header">平台精选</div>
                        
                        
                        <c:forEach items="${newslist2 }" var="obj" begin="1" end="2">
                        <div class="tuijian_body layui-card-body">

                            <div class="box_newsphoto"><img src="../upload1/${obj.photopath}" class="newsphoto"></div>
                            <a href=""><span class="newstext">${obj.newstitle}</span></a>
                            <p class="news_zan"><i class="layui-icon">&#xe6c6;</i>234 &nbsp;<i
                                    class="layui-icon">&#xe600;</i>121 </p>
                        </div>
                        <hr>
                         </c:forEach>
                        
                        <div class="layui_card-footer">
                            <a style="float: right" href="#" class="news_more">更多&nbsp;></a>
                        </div>
                    </div>
                </div>
            </div>

            <div class="layui-col-md9 layui-col-lg9 layui-col-sm9 layui-col-sm9">
                <div class="xinwen_head">
                    <blockquote class="layui-elem-quote ">
                        <h2>新闻资讯</h2>
                    </blockquote>
                    <hr>
                    <div class="content-wrapper layui-col-md12 layui-col-lg12">
                        <ul class="ainnernewslist">
                        
                        
                            <c:forEach items="${newslist3 }" var="obj" begin="0" end="9">
                            
                            <div class="layui-row">
                                <div class="layui-col-md9 layui-col-lg9">
                                    <li>
                                        <a href="newscontent.action?newsid=${obj.newsid }"><span class="innerlisttitle"
                                                style="">${obj.newstitle}</span></a>
                                    </li>
                                </div>
                                <div class="layui-col-md3 layui-col-lg3">
                                    <li>
                                        <span class="trans5"><i class="layui-icon layui-icon-log"></i>${obj.newstime}</span>
                                    </li>
                                </div>
                            </div>
                           
                              </c:forEach>   
                            
                            
                        </ul>
                    </div>
                    <div id="fenye"></div>
                </div>
            </div>

        </div>

    </div>
    <!-- 导入网页页脚---start -->
	<%@ include file="foot.jsp" %>
	<!-- 导入网页页脚---end -->

    <script src="js/swiper.min.js"></script>

    <!-- Initialize Swiper -->
    <script>
        var swiper = new Swiper('.swiper-container', {
            speed: 600,
            parallax: true,
            pagination: {
                el: '.swiper-pagination',
                clickable: true,
            },
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
        });
    </script>
    <script src="layui/layui.js"></script>
    <script>
        layui.use('laypage', function () {
            var laypage = layui.laypage;

            //执行一个laypage实例
            laypage.render({
                elem: 'fenye',
                count: 100,
                layout: ['prev', 'page', 'next', 'limit', 'skip'],
                jump: function (obj) {
                    console.log(obj)
                }
            });
        });
    </script>
    <script>
        layui.use('element', function () {
            var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块

            //监听导航点击
            element.on('nav(demo)', function (elem) {
                //console.log(elem)
                layer.msg(elem.text());
            });
        });
    </script>
    <script src="js/jquery-3.3.1.min.js"></script>

</body>

</html>
